﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="WebApplication2.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <link rel="stylesheet" href="css/register.css">
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="js/Register.js"></script>
    <title>注册用户</title>
</head>
<body>
    <form id="form1" runat="server">
         <div id="head">
                <div class="grid-cell-1"></div>
                <div id="head-logo"><img src="imges/Head-Image.jpg" alt=""/></div>
                <div class="grid-cell-1"></div>
         </div>
    <div id="middle">
        <div id="Appearance-style">
            <div class="Appearance-style-one"></div>
            <div class="Appearance-style-two">注册</div>
            <div class="Appearance-style-one"></div>
        </div>
        <div id="User-interaction">

            <!-- 输入手机号部分 -->
            <div class="input-type">
                <input type="text" placeholder="手机号" id="txtUserPhone">
                <label for="" id="UserPhoneLabel">请告诉我你的手机号</label>
            </div>

            <!--输入文本昵称部分-->
            <div class="input-type" id="input-type-2">
                <input type="text" placeholder="昵称" id="txtUserID">
                <label for="" id="user-Error-message">请告诉我你的昵称</label>
            </div>

            <!-- 提示密码安全系数部分 -->
            <div id="security">
                <strong>安全系数</strong>
                <div class="security-color-one"></div>
                <div class="security-color-two"></div>
                <div class="security-color-there"></div>
                <label for="">弱</label>
            </div>

            <div></div>

            <!-- 输入文本框密码部分 -->
            <div class="input-type">
                <input type="password" placeholder="密码(6-16个字符组成，区分大小写)" id="txtUserPWD">
                <label for="" id="pwd-Error-message">密码不能小于6个字符</label>
            </div>

            <!-- 输入框验证码部分 -->
            <div class="input-type" id="input-type-3">
                <input type="text" placeholder="请输入短信验证码" id="txtUserCode">
                <button id="Code-button" onclick="return false">点击获取</button>
                <label for="" id="Code-Error-message">请输入验证码</label>
            </div>
            <div id="agreement">
                <input id="check-box" type="checkbox">
                <label for="check-box"></label>
                <label for="" id="tongyitxt">我已同意</label>
                <a href="javascript:void()">《凌风网用户使用协议》</a>
                <label for="">和</label>
                <a href="javascript:void()">《凌风隐私政策》</a>
            </div>
            <button id="RegisterButton" value="1" class="Register-button-two" onclick="return false">注册</button><br>
            <a href="Login.aspx" id="Login-jump">已有账号，直接登录></a>
    </div>
    <div id="foot"></div>
    </form>
</body>
</html>
